<%@page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/taglib.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${page.pageName}</title>
<%@include file="/common/public.jsp"%>
<link rel="stylesheet" type="text/css" href="${ctx}/css/main.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/query.css">
<script type="text/javascript">
window.Action = {};
Action.qry = function(){
	jQuery("form:first").submit();
};

var index = 0;
Action.addTab = function(){
	index++;
	$('#tt').tabs('add',{
		title:'New Tab ' + index,
		content:'Tab Body ' + index,
		iconCls:'icon-save',
		closable:true
	});
}

$(function(){
	$('#tt').height($(".xtable").height());
	$('#tt').width($(".xtable").width());
	$('#tt').tabs({
		tools:[{
			iconCls:'icon-add',
			handler: function(){
				alert('add');
			}
		},{
			iconCls:'icon-save',
			handler: function(){
				alert('save');
			}
		}]
	});
});
</script>
</head>
<body>
<table class="xtable">
	<tbody>
		<tr>
			<td id="tt"> 
			<c:forEach items="${page.childPages}" var="page" varStatus="index">
				<div title="${page.pageName}" closable="false">
					<iframe scrolling="auto" frameborder="0"  src="${ctx}/query/main.do?pageId=${page.pageId}" style="width:100%;height:100%;">
					</iframe>
				</div>
			</c:forEach>
			</td>
		</tr>
	</tbody>
</table>
</body>
</html>